/**
 * Created by lenovo on 2017/4/21.
 */
(function(){
    //页面的高度
    parent.$('#content').css('height','1000px').css('width','960px');

    $('.list li').on('click',function(){
        $('.list li').removeClass('active');
        $(this).addClass('active');
        $('.message>div').removeClass('active');
        $('.message>div:nth-child('+ $(this).attr('index') +')').addClass('active');
        if($(this).attr('index') == '4'){
            $('.messageBtn').css('display','block');
        }else{
            $('.messageBtn').css('display','none');
        }
    })


    /*下拉框 逻辑实现*/
    $('.btn-select').on('click',function(){
        var curSelect = $(this).find('span')[0];
        var oSelect = $(this).find('select')[0];
        var aOption = $(this)[0].getElementsByTagName('option');

        $(this).on('change',function(){
            var text1 = oSelect.options[oSelect.selectedIndex].text;
            curSelect.innerHTML = text1;
        })
    })

    /*  下拉框
    var $$ = function (id) {
        return document.getElementById(id);
    }
    window.onload = function () {
        var btnSelect = $$("btn_select1");
        /!*名称下拉框*!/
        var curSelect = btnSelect.getElementsByTagName("span")[0];
        var oSelect = btnSelect.getElementsByTagName("select")[0];
        var aOption = btnSelect.getElementsByTagName("option");

        oSelect.onchange = function () {
            var text=oSelect.options[oSelect.selectedIndex].text;
            curSelect.innerHTML = text;
        }
    }*/

    //跳转到活动管理页面
    $('.ac_manage').on('click',function(){
        parent.$('iframe').attr('src','./html/activeManagement.html');
    });

    /*使用事件冒泡解决当追加元素的时候事件绑定的问题*/
    $('.ca_height').on('click','.de_add',function(){
        var height = $('.ca_height').height() + 40;
        var str = $(this).parent().clone(true);
        console.log(str[0]);
        //$('.li_add').append(str);
        str.insertAfter($(this).parent());
        $('.message .category').css('height',height+'px');
    });
    $('.ca_height').on('click','.de_reduce',function(){
        var height = $('.ca_height').height() - 40;
        if($('.de_reduce').length != 1){
            $(this).parent().remove();
            $('.message .category').css('height',height+'px');
        }else{
            return;
        }
    });

    /*创建百度地图*/
    var map = new BMap.Map("bMap");    // 创建Map实例
    map.centerAndZoom('中国 北京市 沙河 史各庄', 11);  // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    map.addEventListener("click",function(e){
        /*alert(e.point.lng + "," + e.point.lat);*/
        setMark(e.point);
        console.log(e.point);
        var point = new BMap.Point(e.point.lng,e.point.lat);
        var gc = new BMap.Geocoder();
        gc.getLocation(point, function(rs) {
            var addComp = rs.addressComponents;
            //console.log(addComp);
            var mapAddress = addComp.province+addComp.city + addComp.district + addComp.street + addComp.streetNumber;
            //console.log(mapAddress);
        });
    });

    /*使用百度地图api 设置标注*/
    function setMark(point){
        map.clearOverlays();//删除覆盖物
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);               // 将标注添加到地图中
        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    }

    //基本信息
    //图片上传预览功能
    var list = document.querySelector('.b_img');
    list.onchange=function (e) {
        var e=event||window.event;
        var target=e.target||e.srcElement;
        if(target.nodeName=='INPUT'){
            if(target.files.length==0){
                return;
            }
            var file=target.files[0];

            if(!/image/.test(file.type)){
                return;
            }
            var reader=new FileReader();
            reader.readAsDataURL(file);
            reader.onload=function () {
                document.getElementById('pic').setAttribute('src',reader.result);
            }
        }
    }

    //跳转到联办设置
    $('.messageBtn').on('click',function(){
        $('.content_item').css('display','none');
        $('.setting').css('display','block');
    })

    //删除已添加的俱乐部
    $('.remove').on('click',function(){
        $(this).parent().remove();
    })

    //添加俱乐部
    $('.club_add').on('click',function(){
        var str = $(this).parent().clone();
        $('.se_content_add1 ul').append(str);
        $('.se_content_add1 .club_add').text('删除').removeClass('club_add').addClass('remove');
       /* $('.se_content_add1 .club_add').removeClass('club_add').addClass('remove');*/

        $('.remove').on('click',function(){
            $(this).parent().remove();
        })
    })

    //俱乐部设置页面 返回上一步和下一步
    $('.operationBack').on('click',function(){
        $('.setting').css('display','none');
        $('.content_item').css('display','block');
    })
    $('.operationEnter').on('click',function(){
        $('.setting').css('display','none');
        $('.qa').css('display','block');
    })

    //Q&A俱乐部
    $('.qa_up').on('click',function(){
        $('.qa').css('display','none');
        $('.setting').css('display','block');
    })
    $('.qa_low').on('click',function(){
        $('.qa').css('display','none');
        $('.editor').css('display','block');
    })

    //项目编辑
    $('.ed_up').on('click',function(){
        $('.editor').css('display','none');
        $('.qa').css('display','block');
    })
    $('.ed_publish').on('click',function(){
        $('.editor').css('display','none');
    })
    $('.compile').on('click',function(){
        $('#compile').css('display','block');
        $('.compile_div').css('display','block');
    })
    $('.compile_div .com_btn').on('click',function(){
        $('#compile').css('display','none');
        $('.compile_div').css('display','none');
    })
    $('.compile_div img').on('click',function(){
        $('#compile').css('display','none');
        $('.compile_div').css('display','none');
    })

    //新增弹出框
    $('.q_new .new').on('click',function(){
        $('#new').css('display','block');
        $('.new_div').css('display','block');
    })
    $('.new_div .new_btn').on('click',function(){
        $('#new').css('display','none');
        $('.new_div').css('display','none');
    })
    $('.new_div img').on('click',function(){
        $('#new').css('display','none');
        $('.new_div').css('display','none');
    })

    //编辑弹出框
    $('.span_four .one_1').on('click',function(){
        $('#bian').css('display','block');
        $('.bian_div').css('display','block');
    })
    $('.n_bian .bian_btn').on('click',function(){
        $('#bian').css('display','none');
        $('.bian_div').css('display','none');
    })
    $('.bian_div img').on('click',function(){
        $('#bian').css('display','none');
        $('.bian_div').css('display','none');
    })

    //发布活动
    $('.ed_publish').on('click',function(){
        window.location.href = '../html/activeManagement.html';
    })

    /*单项删除*/
    $('.radio_remove').on('click',function(){
        $(this).parent().remove();
    })

    $(".ra_add").click(function() {
        /*插入单项选择*/
        $('<li class="list list1"><span class="item">项目名称</span>' +
            '<input class="input" type="text"><span class="compile">编辑</span>' +
            '<span class="radio_remove">删除</span></li>').prependTo('.ul1');

        /*单项删除*/
        $('.radio_remove').on('click',function(){
            $(this).parent().remove();

            //当删除的时候给最后一个li加上class last
            if($('.ul1 li').hasClass('last')){

            }else{
                $('.ul1 li:last-child').addClass('last');
            }
        })

        $('#red').treeview({
            animated: "fast",
            collapsed: false,
            /*collapsed: true,*/
            /*unique: true,*/
            persist: "cookie",
            toggle: function() {
                window.console && console.log("%o was toggled", this);
            }
        })
    });

    $('.ch_add').click(function(){
        /*插入多项选择*/
        $('<li class="list list1"><span class="item">项目名称</span>' +
            '<input class="input" type="text"><span class="compile">编辑</span>' +
            '<span class="radio_remove">删除</span></li>').prependTo('.ul2');

        /*单项删除*/
        $('.radio_remove').on('click',function(){
            $(this).parent().remove();

            //当删除的时候给最后一个li加上class last
            if($('.ul2 li').hasClass('last')){

            }else{
                $('.ul2 li:last-child').addClass('last');
            }
        })

        $('#red').treeview({
            animated: "fast",
            collapsed: false,
            /*collapsed: true,*/
            /*unique: true,*/
            persist: "cookie",
            toggle: function() {
                window.console && console.log("%o was toggled", this);
            }
        })
    })

    $(document).ready(function(){
        $('#red').treeview({
            animated: "fast",
            collapsed: false,
            /*collapsed: true,*/
            /*unique: true,*/
            persist: "cookie",
            toggle: function() {
                window.console && console.log("%o was toggled", this);
            }
        })
        $('#red1').treeview({
            animated: "fast",
            collapsed: false,
            /*collapsed: true,*/
            /*unique: true,*/
            persist: "cookie",
            toggle: function() {
                window.console && console.log("%o was toggled", this);
            }
        })
    })

    //预览
    $('.ed_preview').on('click',function(){
        parent.$('iframe').attr('src','./html/activePreview.html');
    })


    //发布活动接口
    $.ajax({
        url:'',
        type:'',
        data:$('#activeForm').serialize(),
        dataType:'json',
        success:function(result){

        },
        error:function(result){

        }
    })
})()
